﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Juegos.master" AutoEventWireup="true" CodeBehind="Juego.aspx.cs" Inherits="CityGames.PaginaJuego" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<%@ Register Src="~/Controles/MyMessageBox.ascx" TagName="MyMessageBox" TagPrefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    
    <script type="text/javascript" src="Scripts/prototype.js"></script>
    <script type="text/javascript" src="Scripts/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="Scripts/lightbox.js"></script>
    <link rel="stylesheet" href="Styles/lightbox.css" type="text/css" media="screen" />

    <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="scripts/Juego.js"></script>
    <script type="text/javascript">jQuery.noConflict();</script>

    <!-- Funciones javascript para imprimir los caracteres restantes -->
    <script language="javascript" type="text/javascript">
        function escribirCaracteresRestantes() {
            document.getElementById('<%= lblCaracteresRestantes.ClientID %>').innerHTML = <%= tbComentario.MaxLength %> - document.getElementById('<%= tbComentario.ClientID %>').value.length;
        }
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <uc1:MyMessageBox ID="MyMessageBoxInfo" runat="server" ShowCloseButton="true" />
    <div class="imgBar"><%= ObtenerNombreJuego()%></div>
    <br />
    <table style="width: 100%;">
        <tr>
            <td>
                <table style="width:100%;">
                    <tr>
                        <td class="style2" 
                            style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Nombre</td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            <asp:Label ID="lbNombre" runat="server" Text="Error"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="style2" 
                            style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Plataforma</td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            <asp:Label ID="lbPlataforma" runat="server" Text="Error"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="style2" 
                            style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Género</td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            <asp:Label ID="lbGenero" runat="server" Text="Error"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="style2" 
                            style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Precio Nuevo</td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            <asp:Label ID="lbPrecioNuevo" 
                                runat="server" Text="N/A"></asp:Label>
                            &nbsp;&nbsp;
                            <asp:ImageButton ID="btAddNuevo" runat="server" CausesValidation="False" 
                                ImageUrl="~/Imagenes/carro.png" onclick="btAddNuevo_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td class="style2" 
                            style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Precio Segunda Mano</td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            <asp:Label ID="lbPrecioSegundaMano" 
                                runat="server" Text="N/A"></asp:Label>
                            &nbsp;&nbsp;
                            <asp:ImageButton ID="btAddSegundaMano" runat="server" CausesValidation="False" 
                                ImageUrl="~/Imagenes/carro.png" onclick="btAddSegundaMano_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            Promoción
                        </td>
                        <td style="font-weight: bold; font-size: medium; text-align: left; vertical-align: bottom;">
                            
                            <asp:Label ID="lbPromocion" 
                                runat="server" Text="N/A"></asp:Label>
                            
                        </td>
                    </tr>
                </table>
            </td>
            <td class="celdaCaratula">
                <asp:HyperLink ID="linkCaratula" runat="server">
                    <asp:Image ID="imgCaratula" runat="server" Height="210px" 
                    ImageUrl="~/Caratula/caratula_no_disponible.gif" Width="150px" 
                    AlternateText="Caratula del juego" />
                </asp:HyperLink>
            </td>
            <td class="celdaPuntuacion">
                <asp:UpdatePanel ID="updatePanelValorar" runat="server" UpdateMode="Conditional">
				    <ContentTemplate>
                        <table style="border: 1px solid #000000; width:100%;">
                            <tr>
                                <td style="border: 1px solid #000000;">
                                    <table style="width: 100%;">
                                        <tr>
                                            <td class="celdaTituloValoracion">
                                                Puntuación CityGames
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="celdaValoracionCityGames">
                                                <asp:Label ID="lbValoracionCityGames" runat="server" Text="0,0"></asp:Label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
						    <tr>
							    <td style="border: 1px solid #000000;">
								    <table style="width:100%;">
									    <tr>
										    <td class="celdaTituloPuntuacionesUsuarios">
											    Puntuación usuarios
										    </td>
										    <td class="celdaPuntuacionesUsuarios" rowspan="2">
											    <asp:Label ID="lbPuntuacionUsuarios" runat="server" Text="0,0"></asp:Label>
										    </td>
									    </tr>
									    <tr>
										    <td class="celdaTextoPuntuacionesUsuarios">
											    <asp:Label ID="lbVotosUsuarios" runat="server" Text="0 votos."></asp:Label>
										    </td>
									    </tr>
								    </table>
							    </td>
						    </tr>
						    <asp:Panel ID="panelValorar" runat="server">
							    <tr>
								    <td style="border: 1px solid #000000;">
									    <table style="width:100%;">
										    <tr>
											    <td style="border: 1px solid #000000; color: #000000;" colspan="2">
												    <div class="valoracion">
													    <asp:Label ID="lbValorar" runat="server" 
														    Text="Valorar:"></asp:Label>
													    <br />
													    <asp:Rating runat="server" ID="Rating1"
														    MaxRating="10"
														    CurrentRating="5"
														    CssClass="ratingStar"
														    StarCssClass="ratingItem"
														    WaitingStarCssClass="Saved"
														    FilledStarCssClass="Filled"
														    EmptyStarCssClass="Empty" AutoPostBack="True" OnChanged="Rating1_Changed"
														    >
													    </asp:Rating>
													    <asp:Label ID="labelCaption1" runat="server" Text="Tu puntuación: " />
													    <asp:Label ID="labelValue1" runat="server" Text=""></asp:Label>
													    <br />
													    <div class="centrado">
														    <asp:Button ID="btValorar" runat="server" Text="Valorar" 
															    CausesValidation="False" onclick="btValorar_Click" />
													    </div>
												    </div>
											    </td>
										    </tr>
									    </table>
								    </td>
							    </tr>
						    </asp:Panel>
                        </table>
                    </ContentTemplate>
					<Triggers>
						<asp:AsyncPostBackTrigger ControlID="Rating1" EventName="Changed" />
						<asp:AsyncPostBackTrigger ControlID="btValorar" EventName="Click" />
					</Triggers>
				</asp:UpdatePanel>
            </td>
        </tr>
    </table>
    <br />
    <div class="imgBar">&nbsp;&nbsp;Sinopsis</div>
    <br />
    <asp:Label ID="lbSinopsis" runat="server" Text="Sinopsis..."></asp:Label>
    <br />
    <br />
    <div class="imgBar">&nbsp;&nbsp;Imagenes</div>
    <br />
    <asp:UpdatePanel ID="updatePanelImagenesJuego" runat="server" 
        UpdateMode="Conditional">
        <ContentTemplate>
            <div class="centrado" >
                <asp:Label ID="lbSinImagenes" runat="server" 
                    Text="No hay imagenes para este juego." 
                    Font-Size="X-Large" Font-Names="Georgia" Font-Overline="False" 
                    Font-Strikeout="False" Font-Bold="False" Font-Italic="True" 
                    Font-Underline="False" ForeColor="#006600"></asp:Label>
            </div>
            <asp:ListView ID="listViewImagenes" runat="server" GroupItemCount="4">
                <LayoutTemplate>
                    <table cellpadding="0" runat="server" ID="tblImagenes">
                        <tr runat="server" id="groupPlaceholder">
                        </tr>
                    </table>
                </LayoutTemplate>
                <GroupTemplate>
                    <tr runat="server" id="productRow">
                        <td runat="server" id="itemPlaceholder">
                        </td>
                    </tr>
                </GroupTemplate>
                <ItemTemplate>
                    <td id="Td1" valign="top" align="center" runat="server">
                        <asp:HyperLink ID="linkImagen" runat="server"
                            href='<%#"ImagenesJuegos/" + Eval("ImagenJuego") %>'
                            rel="lightbox[ImagenesJuego]">
                            <asp:Image ID="ProductImage" runat="server"
                                ImageUrl='<%#"ImagenesJuegos/" + 
                                Eval("ImagenJuego") %>'
                                Height="120" Width="190" />
                        </asp:HyperLink>
                        <br />
                        <asp:CheckBox ID="checkboxImagenSeleccionada" runat="server" Text='<%# Eval("ImagenJuego") %>' />
                    </td>
                </ItemTemplate>
            </asp:ListView>
            <div class="centrado">
                <asp:Label ID="lbPaginaSiguienteImagenes" runat="server" Text="Pag."></asp:Label>
                <asp:DataPager runat="server" ID="DataPagerImagenes" 
                    PagedControlID="listViewImagenes" PageSize="4" QueryStringField="PageID2">            
                    <Fields>
                        <asp:NumericPagerField ButtonCount="10"
                            CurrentPageLabelCssClass="CurrentPage"
                            NumericButtonCssClass="PageNumbers"
                            NextPreviousButtonCssClass="PageNumbers"
                            NextPageText=" > "
                            PreviousPageText=" < " />
                    </Fields>
                </asp:DataPager>
                <asp:Panel ID="panelBotonBorrar" runat="server">
                    <br />
                    <asp:Button ID="btBorrarImagenes" runat="server" Text="Borrar Imagenes" 
                        CausesValidation="False" onclick="btBorrarImagenes_Click" />
                    <asp:ConfirmButtonExtender ID="btBorrarImagenes_ConfirmButtonExtender" 
                        runat="server" 
                        ConfirmText="¿Está seguro que desea borrar las imagenes seleccionadas?" 
                        Enabled="True" TargetControlID="btBorrarImagenes">
                    </asp:ConfirmButtonExtender>
                </asp:Panel>
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btBorrarImagenes" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
    <asp:Panel ID="panelSubirImagenes" runat="server">
        <div class="imgBar">&nbsp;&nbsp;Subir imagenes del juego <%= ObtenerNombreJuego() %></div>
        <br />
        <div id="dvfiles">
        </div>
        <a id="addfile" style="text-decoration: underline; color: #0000FF">Añadir Imagen..</a><br />
        <asp:Button ID="btnUpload" runat="server" Text="Cargar Imagenes" 
            onclick="btnUpload_Click" CausesValidation="False" />
        <br />
    </asp:Panel>
    <div class="imgBar">&nbsp;&nbsp;Comentarios</div>
    <br />
    <asp:UpdatePanel ID="updatePanelComentarios" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div class="centrado" >
                <asp:Label ID="lbSinComentarios" runat="server" 
                    Text="No hay comentarios para este juego. Se el primero en comentarlo!" 
                    Font-Size="X-Large" Font-Names="Georgia" Font-Overline="False" 
                    Font-Strikeout="False" Font-Bold="False" Font-Italic="True" 
                    Font-Underline="False" ForeColor="#006600"></asp:Label>
            </div>
            <asp:ListView ID="listViewComentarios" runat="server" 
                GroupPlaceholderID="groupPlaceholder1" ItemPlaceholderID="itemPlaceholder1">
                <LayoutTemplate>
                    <div>
                        <asp:PlaceHolder ID="itemPlaceholder1" runat="server">
                        </asp:PlaceHolder>
                    </div>
                </LayoutTemplate>
                <ItemTemplate>
                    <table style="width: 100%;">
                        <tr>
                            <td class="tdAvatarComentario" rowspan="4" style="width:5px;">
                                <asp:CheckBox ID="checkBoxComentario" runat="server" />
                                <asp:HiddenField ID="hiddenFieldComentarioID" runat="server" Value='<%# Eval("IDComentario") %>' />
                            </td>
                        </tr>
                        <tr>
                            <td class="tdAvatarComentario" rowspan="4">
                                <img src='<%# Eval("Avatar") %>' />
                            </td>
                            <td>
                                <%# Eval("UsuarioWeb") %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Publicado el <%# DateTime.Parse(Eval("FechaPublicacion").ToString()).ToLongDateString() %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%# ConvertToHTML(Eval("Comentario").ToString()) %>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
                <ItemSeparatorTemplate>
                    <hr />
                </ItemSeparatorTemplate>
            </asp:ListView>
            <div class="centrado">
                <asp:Label ID="lbPagina" runat="server" Text="Pag."></asp:Label>
                <asp:DataPager runat="server" ID="DataPager" 
                    PagedControlID="listViewComentarios" PageSize="5" QueryStringField="PageID">            
                    <Fields>
                        <asp:NumericPagerField ButtonCount="10"
                            CurrentPageLabelCssClass="CurrentPage"
                            NumericButtonCssClass="PageNumbers"
                            NextPreviousButtonCssClass="PageNumbers"
                            NextPageText=" > "
                            PreviousPageText=" < " />
                    </Fields>
                </asp:DataPager>
                <br />
                <asp:Panel ID="panelBotonBorrarComentario" runat="server">
                    <asp:Button ID="btBorrarComentarios" runat="server" Text="Borrar comentarios" 
                        onclick="btBorrarComentarios_Click" CausesValidation="False" />
                    <asp:ConfirmButtonExtender ID="btBorrarComentarios_ConfirmButtonExtender" 
                        runat="server" 
                        ConfirmText="¿Realmente desea eliminar los comentarios seleccionados?" 
                        Enabled="True" TargetControlID="btBorrarComentarios">
                    </asp:ConfirmButtonExtender>
                </asp:Panel>
            </div>
            <br />
            <asp:Panel ID="panelDejarComentario" runat="server">
                <div class="imgBar">&nbsp;&nbsp;Dejar comentario</div>
                <br />
                <asp:TextBox ID="tbComentario" runat="server" Height="60px" 
                    TextMode="MultiLine" Width="450px" MaxLength="500" 
                    ValidationGroup="comentarJuego"></asp:TextBox>
                <asp:TextBoxWatermarkExtender ID="tbComentario_TextBoxWatermarkExtender" 
                    runat="server" Enabled="True" TargetControlID="tbComentario" 
                    WatermarkText="Escribe aquí tu comentario">
                </asp:TextBoxWatermarkExtender>
                &nbsp;
                <asp:Button ID="btEnviar" runat="server" Text="Enviar" 
                    ValidationGroup="comentarJuego"  OnClick="btEnviar_Click" />
                <br />
                <span class="comments-post-count">
                    <asp:Label ID="lblCaracteresRestantes" runat="server">500</asp:Label> 
                carácteres restantes.</span> 
                <br />
                <asp:RegularExpressionValidator ID="revTbComentario" runat="server"             
                    ErrorMessage="Debe introducir entre 1 y 500 carácteres"            
                    ValidationExpression="^(.|\n){1,500}$"             
                    ControlToValidate="tbComentario"            
                    Display="None" ValidationGroup="comentarJuego"></asp:RegularExpressionValidator>
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                    HeaderText="Comentario incorrecto:" ShowMessageBox="True" ShowSummary="False" 
                    ValidationGroup="comentarJuego" />
            </asp:Panel>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btEnviar" EventName="Click" />
            <asp:AsyncPostBackTrigger ControlID="btBorrarComentarios" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
</asp:Content>
